@import '../../../../assets/scss/support';

page{
  background-color: #f4f5f7;
}

.fatherItem {
  width:100%;
  display: flex;
  flex-direction: column;
}

.top{
  margin:20rpx 0;
  width:702rpx;
  height:80rpx;
  padding:30rpx 24rpx;
  background-color: #ffffff;
  line-height: 80rpx;
  display: flex;
  flex-direction: row;
}

.img{
  display: inline-block;
  width:78rpx;
  height:78rpx;
  background-color:#f4f5f7;
}

.img image{
  width:78rpx;
  height:78rpx;
}

.name{
  @include textoverflow(2);
  display: inline-block;
  font-size: 32rpx;
  color:#333333;
  margin-left:20rpx;
  line-height: 80rpx;
  font-weight: bold;
}

textarea{
  width:702rpx;
  height:256rpx;
  background-color: #ffffff;
  padding:30rpx 24rpx;
}

.text-area{
  font-size: 28rpx;
  color:#666666;
}

.line{
  display: inline-block;
  width:702rpx;
  height:2rpx;
  margin:0 24rpx;
  text-align: center;
  background-color: #f4f5f7;
}

.textarea{
  position: relative;
}

.num{
  position: absolute;
  right:24rpx;
  bottom:3rpx;
  font-size: 28rpx;
  color:#666666;
}

.banner{
  width:702rpx;
  padding:30rpx 24rpx;
  background-color: #ffffff;
}

.release{
  display: inline-block;
  text-align: center;
  line-height: 90rpx;
  width:702rpx;
  margin:30rpx 24rpx;
  height:90rpx;
  background-color: #ff0000;
  border-radius: 10rpx;
  color:#ffffff;
  font-size: 34rpx;
}

.nohave{
  margin:auto;
  text-align: center;
}